<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>8bit music mock</title>
	
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css" />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/fonts/fonts-min.css" />
<link rel="stylesheet" type="text/css" href="/mock/main.css" />
<!--[if IE]><script type="text/javascript" src="http://remysharp.com/downloads/html5.js"></script><![endif]-->

</head>
<body>

<div id="login">
	<a href="/login" class="msid__login"><img src="/mock/myspaceid.png" alt="Login with MySpaceID" /></a>
</div>

<div id="branding">CHIPNET</div>

<ul id="nav">
<li><a href="/home">HOME</a></li>
<li><a href="/songs">SONGS</a></li>
<li><a href="/profiles">PROFILES</a></li>
<li><a href="/featured">FEATURED</a></li>
</ul>

<div id="content">
<ul id="cols">

<li id="profile">
<div id="profile-view">
<img id="profile-pic" src="/mock/profile_pic.png" alt="8-bit Kid" />
<div id="caption">
<div id="caption-left">
<a href="/8bitkid/pics" style="margin-right: 3px;">pics</a>/<a href="/8bitkid/video" style="margin-left: 3px;">video</a>
</div>
<div id="caption-right">
<img src="/mock/profile_icon.png" alt="yay blue" />
<img src="/mock/level_icon.png" alt="uber" />
</div>
</div>
</div>

<h1><span class="display-name">8-bit Kid</span></h1>
<h2>24, Los Angeles</h2>

<h3>MEMBER SINCE:</h3>
<p id="member-date">02/14/2009</p>

<h3>HEADLINE:</h3>
<p id="headline">BLAH FOO!</p>

<p id="about-me">
8-bit kid is a cool chap.  well above lorem ipsum text for his about me.  this should be filled in dynamically from the profile about me.
</p>
</li>
<li id="basic-info">
<h1><span class="display-name">8-Bit Kid</span>'s Basic Info</h1>

<h2>General:</h2>
<p id="General">826la, sunday night dominos, the defticons, www.hallofbeers.com, legos, all things gadget, an undying love of the 90's, The Singularity</p>

<h2>Music:</h2>
<p id="music">the gaskets, the mountain goats, matt &amp; kim, GBV, the who, belle &amp; sebastion, applies in sterio, yoko kanno, wilco</p>

<h2>Movies:</h2>
<p id="movies">nausicaa of the valley of hte wind, wet hot american summer, mallrats, jules et jim</p>

<h2>Television:</h2>
<p id="television">wild record collection, american chopper, seinfeld, miami vice, neon genesis evangelion, gurren lagann, scrubs, the office</p>

<h2>Books:</h2>
<p id="books">neil pollack anthonlogy fo american literature, a midsummer night's dream, madame bovary, breakfast of champions</p>

<h2>Heroes:</h2>
<p id="heroes">wild record collection, american chopper, seinfeld, miami vice, neon genesis evangelion, gurren lagann, scrubs, the office</p>
</li>

<li id="activities">
<h1><span class="display-name">8-Bit Kid's Activites</span></h1>
<h2>Activity 1:</h2>
<p>This is the body of activity 1</p>
<h2>Activity 2:</h2>
<p>This is the body of activity 2</p>


</li>


</ul>
</div>

</body>
</html>